$__color-primary: #FEB307;    // 主题颜色
$__color-link: #4278FF;       // 链接颜色
$__color-show: #1C1F33;       // 展示或者表单输入时文字的颜色
$__color-label: #5D617B;      // lebel颜色
$__color-remind: #E84F5A;     // 提醒的颜色
$__color-line: #E8E8EA;       // 分割线颜色
$__color-check: #4174F9;      // checkBox
$__color-border: #D2D2D6;     // 默认边框颜色，默认按钮的颜色，最顶部的背景色
$__color-bg-footer: #1C1F33;  // 底部和联系我们的背景色
$__color-bg-primary: #F5F7FA; // 主题背景色（表格、select下来鼠标经过）
$__color-bg-multiple: #F6F9FF;// 多选的时候，按钮的背景色
$__color-bg-unimportance: #FFFBF2;  // 不重要的按钮提醒的按钮背景色
$__color-bg-gotop: #777985;   // 返回顶部背景色
$__color-success-remind: #57BE8A;  // 成功之后的颜色
$__color-bg-delete: #FFF6F7;       // 删除按钮的背景色
$__little-font-size: 1.4rem; // 小一点的字体大小
$__font-size-default: 1.6rem;// 默认字体大小
$__big-font-size: 1.8rem;    // 大点的字体
$__title-font-size: 2.4rem;  // 登录注册标题字体大小
$__more-big-font-size: 3rem;
$__color-success: #5CB87A;

$--table-header-color: $__color-label !default;
$--table-row-hover-background: $__color-bg-primary !default;
$--table-text-color: $__color-show !default;
.el-table .ascending .sort-caret.ascending {
    border-bottom-color: $__color-show !important;
}
.el-table .descending .sort-caret.descending {
    border-top-color: $__color-show !important;
}
.el-table{
    thead{
        th{
            height: 50px;
        }
    }
    tr:nth-child(odd){
        background: $__color-bg-primary;
    }
    tr:nth-child(even){
        background: #fff;
    }
    td{
        padding: 0 !important;
        height: 50px !important;
    }
}
.el-table__row--striped{
    background-color: $__color-bg-primary !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
    background-color: $__color-bg-primary !important;
}
//input元素行高
.el-input__inner{
    line-height: inherit;
}

//主题色
.hpx-color{
    color: $__color-primary;
}

//主题背景色
.hpx-bgcolor{
    background-color: $__color-primary;
}

//取消类的按钮颜色
.hpx-cancel-color{
    background-color: $__color-border;
    border-color: $__color-border;
}
.dialog-button{
    width: 150px;
    height: 36px;
    line-height: 0px;
}
//label颜色
.hpx-label{
    color: $__color-label;
}

//红色文字提醒
.hpx-red-tips{
    color: $__color-remind;
}

//$__color-primary颜色类
.hpx-primary{
    color: $__color-primary;
}
//$__color-link颜色类
.hpx-link{
    color: $__color-link;
}

//交易的详情页面顶部标题栏样式(需自己定元素高度)
.hpx-title-border{
    width: 100%;
    border-radius: 4px;
    background-color: $__color-bg-primary;
    border-left: 4px solid $__color-primary;
}
//文字加重(600)
.hpx-font-weight{
    font-weight: Bold;
}
//完成
.hpx-success{
    color: $__color-success;
}
.el-input__suffix-inner {
    color: $__color-show;
    .el-input__icon {
        font-size: $__little-font-size;
    }
}
.el-button--primary.is-plain{
    background: $__color-bg-unimportance;
    color: $__color-primary;
    border-color: $__color-primary;
}
.el-button--info{
    background: $__color-border !important;
    border-color: $__color-border;
}
.el-button--info:hover{
    background: $__color-border;
    border-color: $__color-border;
}
.el-button--small{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 14px !important;
}
.el-button--mini{
    font-size: 14px !important;
}
$--tag-info-color: $__color-remind !default;
$--tag-success-color: $__color-remind !default;
